.addforfree-entry {
    text-align: left;
    height: .866rem;
    background-color: #faf7e8;
    font-size: .24rem;
    color: #cf7433;
    padding: 0 .32rem;
    width: 100%
}

.addforfree-entry .tip-pre {
    display: inline-block;
    width: 4.84rem;
    line-height: 1.2
}

.addforfree-entry .tip {
    color: #fff;
    background: #f3aa06;
    width: 1.24rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    border-radius: .48rem;
    margin-left: .48rem
}

.page-wrap {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.nologin>a {
    height: 1.04rem;
    padding: 0 .56rem 0 .32rem;
    position: relative;
    color: rgba(0, 0, 0, .54)
}

.nologin>a span {
    font-size: .32rem;
    color: rgba(0, 0, 0, .87);
    display: block;
    text-align: left
}

.nologin>a em {
    font-style: normal;
    font-size: .24rem;
    text-align: right
}

.nologin>a:after {
    content: "";
    position: absolute;
    right: .32rem;
    top: 50%;
    width: .18rem;
    height: .18rem;
    border-left: 1px solid currentColor;
    border-top: 1px solid currentColor;
    transform: translate3d(0, -50%, 0) rotate(135deg);
    -webkit-transform: translate3d(0, -50%, 0) rotate(135deg)
}

.noitems {
    background: #ebebeb;
    padding: .2rem
}

.noitems>a {
    height: 1.44rem;
    font-size: .24rem;
    text-decoration: none;
    text-align: center
}

.noitems>a span {
    display: inline-block;
    line-height: .8rem;
    background: url(../images/cartnull.daaf7926f8.png) no-repeat 0;
    background-size: auto 100%;
    padding: 0 .16rem 0 .96rem;
    color: rgba(0, 0, 0, .27)
}

.noitems>a em {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .5rem;
    line-height: .5rem;
    padding: 0 .24rem;
    color: rgba(0, 0, 0, .87);
    font-style: normal
}

.cart-list {
    background: #fff
}

.cart-list .item {
    border-bottom: 1px solid #f6f6f6;
    line-height: 0
}

.cart-list .item .ui-flex {
    padding: .24rem 0
}

.cart-list .item .invalid .imgProduct:after {
    content: "\5931\6548";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #afafaf;
    color: #fff;
    line-height: 2em
}

.cart-list .item .invalid .imgProduct img {
    opacity: .3
}

.cart-list .item .invalid .num .xm-input-number {
    visibility: hidden
}

.cart-list .item .choose {
    width: .35rem;
    padding: 0 .2rem;
    height: 1.8rem;
    margin-right: 0.05rem;
}

.cart-list .item .imgProduct {
    display: block;
    position: relative;
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .2rem;
    border: 1px solid #eee;
    border-radius: 2px;
    overflow: hidden
}

.cart-list .item .imgProduct img {
    width: auto;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cart-list .item .info {
    width: 4.6rem;
    text-align: left
}

.cart-list .item .info .item-text {
    font-size: .28rem;
    line-height: .32rem;
    color: #666;
    margin-bottom: .12rem;
    margin-right: .3rem;
    padding: 0
}

.cart-list .item .info .item-text .name {
    width: 3.6rem
}

.cart-list .item .info .item-text .ins-rechoose {
    width: 3em;
    text-align: right;
    color: rgba(0, 0, 0, .26)
}

.cart-list .item .info .ico {
    background: #ffa800;
    border-radius: .04rem;
    color: #fff;
    padding: .03rem .1rem;
    font-size: .22rem;
    margin-right: .1rem
}

.cart-list .item .info .ico span {
    display: block;
    max-width: 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cart-list .item .info .ico.ico_bargain {
    background: #ffa800
}

.cart-list .item .info .ico.ico_gift {
    background: #5b77d6
}

.cart-list .item .info .ico.ico_seckill,
.cart-list .item .info .ico.ico_special {
    background: #e53935
}

.cart-list .item .info .ico.ico_ernie,
.cart-list .item .info .ico.ico_giftcard {
    background: #81c646
}

.cart-list .item .info .ico.ico_presales {
    background: #ffa800
}

.cart-list .item .info .ico.ico_fcode {
    background: #81c646
}

.cart-list .item .info .ico.ico_youpin {
    background: #c1977a
}

.cart-list .item .info .ico.ico_tail {
    background: #ffa800
}

.cart-list .item .info .ico.ico_contract {
    background: #ff5934
}

.cart-list .item .info .customize_tips {
    font-size: .2rem;
    color: rgba(0, 0, 0, .302);
    line-height: .2rem;
    margin-top: .07rem;
    margin-bottom: .1rem
}

.cart-list .item .info .customize_tips img {
    width: .2rem;
    position: relative;
    top: .02rem;
    margin-right: .02rem
}

.cart-list .item .info .customize_btn {
    font-size: .22rem;
    color: rgba(0, 0, 0, .502);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .1rem
}

.cart-list .item .info .customize_btn img {
    width: .36rem;
    position: relative;
    top: -.01rem
}

.cart-list .item .info .price-without {
    padding: .12rem 0;
    font-size: .24rem;
    color: #999;
    margin-bottom: .12rem
}

.cart-list .item .info .price-without .mr-10 {
    margin-right: .1rem
}

.cart-list .item .info .price-without del {
    text-decoration: line-through
}

.cart-list .item .info .item-tip {
    line-height: 1.5em;
    margin-bottom: .12rem;
    color: #ff5722
}

.cart-list .item .info .delete {
    float: right;
    margin-right: .2rem;
    display: block
}

.cart-list .item .info .delete .icon-delete {
    width: .6rem;
    height: .6rem;
    background-image: url(../images/icon-delete.png)
}

.cart-list .item .info .xm-input-number {
    display: inline-block;
    border: 1px solid #eee
}

.cart-list .item .info .xm-input-number .image-icons {
    opacity: .3;
    width: .6rem;
    height: .6rem;
    background-size: .3rem .3rem
}

.cart-list .item .info .xm-input-number .icon-cross {
    background-image: url(../images/icon-cross.png)
}

.cart-list .item .info .xm-input-number .icon-line {
    background-image: url(../images/icon-line.png)
}

.cart-list .item .info .xm-input-number .input-add,
.cart-list .item .info .xm-input-number .input-sub {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    position: relative;
    vertical-align: middle;
    background-color: #fafafa;
    text-align: center
}

.cart-list .item .info .xm-input-number .input-add.active,
.cart-list .item .info .xm-input-number .input-sub.active {
    background-color: #f4f4f4
}

.cart-list .item .info .xm-input-number .input-add.active .image-icons,
.cart-list .item .info .xm-input-number .input-sub.active .image-icons {
    opacity: 1
}

.cart-list .item .info .xm-input-number .input-num {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .12rem;
    text-align: center;
    font-size: .32rem;
    width: 1rem;
    border: none;
}

.cart-list .item .append .insurance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #f6f6f6;
    padding: .14rem .2rem;
    border-radius: .04rem;
    background: #f6f6f6;
    font-size: .24rem;
    margin: 0 .2rem .2rem
}

.cart-list .item .append .insurance .i1 {
    margin-right: .12rem
}

.cart-list .item .append .insurance .i1 img {
    width: .5rem;
    height: .5rem
}

.cart-list .item .append .insurance .i2 {
    -webkit-box-flex: 1;
    box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    padding-right: .2rem
}

.cart-list .item .append .insurance .i2 span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    height: .5rem;
    line-height: .5rem;
    text-align: left
}

.cart-list .item .append .insurance .i2 em {
    font-style: normal;
    color: #ff5722
}

.cart-list .item .append .insurance .i3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    width: .75rem;
    color: #ff5722
}

.cart-list .item .item-title {
    text-align: left;
    height: .72rem;
    line-height: .72rem;
    padding: 0 .2rem;
    font-size: .24rem
}

.cart-list .item .item-title.border-bottom-1px:before {
    border-top: 1px solid #e5e5e5
}

.cart-list .item .item-title .title {
    color: rgba(0, 0, 0, .86)
}

.cart-list .item .item-title .free-tip {
    color: rgba(0, 0, 0, .27)
}

.cart-list .item .item-title .icon-tip {
    background-image: url(../images/empty77.png);
    width: .24rem;
    height: .24rem;
    margin-right: .04rem
}

.cart-list .point-box {
    background: #fff
}

.cart-list .point-box .point {
    font-size: .22rem;
    color: #999;
    border-top: 1px solid #f6f6f6;
    padding: .2rem .3rem;
    text-align: left
}

.cart-list .point-box .point .act {
    border-radius: .04rem;
    color: #fff;
    padding: .02rem .06rem;
    margin-right: .1rem
}

.cart-list .point-box .point .act.act_gift {
    background: #5b77d6
}

.cart-list .point-box .point .act.act_special {
    background: #e53935
}

.cart-list .batch {
    background: #f6f6f6
}

.cart-list .batch .batch-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .12rem 0
}

.cart-list .batch .batch-img {
    width: 1rem;
    height: 1rem;
    border: 1px solid #eee;
    border-radius: 2px;
    margin: 0 .2rem 0 .6rem
}

.cart-list .batch .batch-img img {
    background: #fff;
    height: 100%;
    width: auto
}

.cart-list .batch .batch-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    font-size: .24rem;
    line-height: .28rem;
    color: #666
}

.space-top {
    padding-bottom: .9rem
}

.bottom-submit {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 99;
    -webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.bottom-submit .price-box {
    font-size: .26rem;
    color: #999;
    width: 100%;
    text-align: center;
    padding-top: .15rem
}

.bottom-submit .price-box strong {
    font-size: .4rem;
    color: #ff5722;
    margin-right: .2em
}

.bottom-submit .btn {
    display: block;
    width: 100%
}

.bottom-submit .black {
    color: #333
}

.bottom-submit .disable {
    background: #f4f4f4;
    border: 1px solid #f4f4f4
}

.bottom-submit .ui-button span {
    font-size: .3rem
}




.recommend-box {
    background: #fff;
    text-align: left
}

.recommend-box .recommend-top-img {
    width: 7.2rem
}

.recommend-box .recommend-top-img img {
    width: 7.2rem;
    height: 1.2rem
}

.recommend-box .recommend-title {
    line-height: .8rem;
    padding: 0 .32rem;
    font-size: .3rem
}

.recommend-box .recommend-list {
    overflow: hidden
}

.recommend-box .recommend-list .goods-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 49.5%;
    flex: 0 1 49.5%;
    overflow: hidden
}

.recommend-box .recommend-list .goods-item a {
    display: block
}

.recommend-box .recommend-list .goods-img-box {
    position: relative
}

.recommend-box .recommend-list .goods-img-box img {
    display: block;
    width: 100%;
    min-height: 3.56rem
}

.recommend-box .recommend-list .goods-info {
    padding: .18rem .26rem .22rem
}

.recommend-box .recommend-list .goods-name {
    font-size: .28rem;
    color: #3c3c3c;
    overflow: hidden;
    text-overflow: ellipsis
}

.recommend-box .recommend-list .goods-price {
    font-size: .32rem;
    display: inline-block;
    color: #ff6700;
    margin-top: .1rem
}

.recommend-box .recommend-list .goods-price del {
    font-size: .22rem;
    margin-left: .1rem;
    color: rgba(0, 0, 0, .54);
    text-decoration: line-through
}

.view2 {
    background: #fafafa !important;
    text-align: left !important
}

.view2 .recommend-title {
    padding: .64rem .32rem 0 !important;
    color: rgba(0, 0, 0, .84) !important;
    font-size: .48rem !important
}

.view2 .goods-item {
    margin-top: .32rem;
    margin-left: .32rem;
    width: 3.1rem;
    display: inline-block
}

.view2 .goods-item .goods-img-box2 {
    width: 3.1rem;
    height: 3.1rem
}

.view2 .goods-item .goods-img-box2 img {
    height: auto;
    width: 100%;
    border-radius: .25rem
}

.view2 .goods-item .goods-name {
    color: rgba(0, 0, 0, .84) !important
}
